﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Guedes.master" AutoEventWireup="true"
    CodeFile="produto.aspx.cs" Inherits="produto" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

    <script type="text/JavaScript" src="./scripts/cloud-zoom.1.0.2.min.js"></script>
    <script type="text/javascript" src="./scripts/rating/rating.js"></script>

    <link href="./scripts/rating/jquery.rating.css" rel="stylesheet" type="text/css" />
    <link href="./style/cloud-zoom.css" rel="stylesheet" type="text/css" />


    <script language="javascript" type="text/javascript">

        $(window).load(function () {
            $(".rating").rating({
                showCancel: false
            });
            $("#serialStar2").bind("change", function () {
                $('#serialString2').text($('#serialStar2').serialize());
                document.getElementById('<%= Hidden1.ClientID %>').value = $('#serialStar2').serialize();
            });
        })
       
    </script>


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <a href='./galeria/produtos/modelo_teste-01.jpg' class='cloud-zoom' id='zoom1' rel="softfocus:'true', position:'inside'">
        <img src="./galeria/produtos/modelo_teste-01.jpg" style="height: 202px; width: 306px;" alt='' />
    </a>
    <div>
        <div>
            <p>
                Aqui estão alguns modelos<br />
                das canecas</p>
            <ul style="margin: 0px auto;">
                <asp:Repeater ID="Repeater2" runat="server" OnItemDataBound="Repeater2_OnItemDataBound">
                    <ItemTemplate>
                        <li style="display: inline;"><a id="galBut" href="" class='cloud-zoom-gallery' rel=""
                            runat="server">
                            <img id="imgThumb" src="" alt="" runat="server" />
                        </a></li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>

        <select name="myRating" class="rating" id="serialStar2">  
             <option value="1"></option>  
             <option value="2"></option>  
             <option value="3"></option>  
             <option value="4"></option>  
             <option value="5"></option>  
        </select>  
        
         

        <asp:HiddenField ID="Hidden1" runat="server" />
        <label id="lblAvalie">Avalie este produto</label><br />
        <asp:TextBox id="txtName" Text="Nome" runat="server"></asp:TextBox><br />
        <asp:TextBox id="txtComent" Text="Comentário" runat="server"></asp:TextBox><br />

        <asp:LinkButton ID="btnVota" Text="Votar" OnCommand="LinkButton_Command" CommandName="Order" CommandArgument="" runat="server" />

    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
    <div style="height: 400px;">
        <div class="box myriad typeface-js" style="min-height: 200px; width: 600px; float: right;
            margin-top: 15px;">
            <asp:Repeater ID="Repeater1" OnItemDataBound="Repeater1_OnItemDataBound" runat="server">
                <ItemTemplate>
                    <div class="divBorder myriad typeface-js">
                        <asp:Label ID="lblNome" runat="server"></asp:Label>
                        <asp:Image ID="rating" runat="server" />
                        <asp:Literal ID="litComent" runat="server"></asp:Literal>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div style="float: left; width: 243px; margin-top: 30px;">
            <a href="canecas.aspx">
                <div class="divBorderMini_on typeface-js" style="height: 30px; margin-top: 15px;">
                    CANECAS DE CHOPP
                    <div style="float: right; height: 12px; overflow: hidden; padding-top: -12px;">
                        <img src="./home/seta.png" alt="" /></div>
                </div>
            </a><a href="kit_refeitorio.aspx">
                <div class="divBorderMini typeface-js" style="height: 30px; margin-top: 15px;">
                    KIT REFEITÓRIO
                    <div style="float: right; height: 12px; overflow: hidden;">
                        <img src="./home/seta.png" alt="" /></div>
                </div>
            </a><a href="chopeiras.aspx">
                <div class="divBorderMini typeface-js" style="height: 30px; margin-top: 15px;">
                    CHOPEIRAS
                    <div style="float: right; height: 12px; overflow: hidden;">
                        <img src="./home/seta.png" alt="" /></div>
                </div>
            </a><a href="balde_gelita.aspx">
                <div class="divBorderMini typeface-js" style="height: 30px; margin-top: 15px;">
                    BALDE / GELITA
                    <div style="float: right; height: 12px; overflow: hidden;">
                        <img src="./home/seta.png" alt="" /></div>
                </div>
            </a><a href="#">
                <div class="divBorderMini typeface-js" style="height: 30px; margin-top: 15px;">
                    LEMBRANÇAS PARA EVENTOS
                    <div style="float: right; height: 12px; overflow: hidden;">
                        <img src="./home/seta.png" alt="" /></div>
                </div>
            </a>
        </div>
    </div>
</asp:Content>
